<template>
  <view class="cohabitation-item">
    <view class="cohabitation-room">
      <view class="room-title" @click="cardClick">
        <text >{{ room }}</text>
      </view>
    </view>
  </view>
</template>

<script setup>
import { customNav } from "@/utils/customNav";
import { defineProps, defineEmits } from "vue";
const proos = defineProps({
  id: {
    type: String,
  },
  room: {
    type: String,
  },
  item: {
    type: Object,
  },
});
const emits = defineEmits("on-click");
function cardClick() {
  customNav(`s?item=${JSON.stringify(proos.item)}`);
}
</script>

<style lang="less" scoped>
@import url(./style/index.less);
</style>